@charset "utf-8";
@font-face {
    font-family: 'fangzheng';
    src:url('fonts/fangzhengsimple_00.ttf');
}

@font-face {
    font-family: 'lantingxihei';
    src:url('fonts/lantingxihei.ttf');
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,input,select{
    margin: 0;
    padding: 0;
}
html,body{
    width: 100%;
    height: 100%;
    font-family: 'fangzheng';
}

body {
    /*background: #fff;*/
    -webkit-overflow-scrolling:touch;
    -webkit-text-size-adjust: none;
    font-size:20px;
}
ol, ul,li,dl,dt,dd{
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: none;
}
a,a:hover,a:active,a:focus {
    outline: none;
    text-decoration: none;
}
*{
    box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
select,textarea{
    border: 0;
    outline: 0;
    vertical-align: middle;
    -webkit-appearance: none;
}
input[type="text"]{
    background-position-y:-1px;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
/* Hide from IE Mac \*/
.clearfix{
    display: block;
    zoom:1;
}
/* End hide from IE Mac */
.dn {
    display: none;
}
/* End Clearfix */
/*文字处理样式*/
.text-nowrap{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.m-auto{
    margin-left:auto;
    margin-right:auto;
}
.page{
    width:100%;
    height: 100%;
    max-width:414px;
    margin-left:auto;
    margin-right:auto;
}
.tc{
    text-align: center!important;
}
.tl{
    text-align: left!important;
}
.bg-black{
    background: #000;
}
.pr{position: relative;}
.pa{position: absolute;}
.c-white{color:#fff;}
.fl{float:left;}
.fr{float:right;}
.w100{width:100%;}
.centerX{
    position:absolute;
    left:50%;
    -webkit-transform: translateX(-50%);;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.centerY{
    position:absolute;
    top:50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.center{
    position: absolute;
    top:50%;
    left:50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    -moz-transform: translate3d(-50%,-50%,0);
    -ms-transform: translate3d(-50%,-50%,0);
    -o-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
}
.db{display: block;}
.c-yellow{color:#f9c848;}
.tr{text-align: right;}

.mg-title{
    margin-top:21%;
}
@media screen and (min-height:812px){
    .mg-title{
        margin-top:29%;
    }
}
@media screen and (height:524px){
    .mg-title{
        margin-top:18%;
    }
}
.inline {
    display: inline;
}